跳到主要内容

1.1-认识TS

Create by fall on 03 Feb 2021 Recently revised in 15 Jan 2023

TypeScript

TypeScript 是一种由微软开发的开源、跨平台的编程语言。它是 JavaScript 的超集,最终会被编译为 JavaScript 代码。

2012 年 10 月,微软发布了首个公开版本的 TypeScript,2013 年 6 月 19 日,在经历了一个预览版之后微软正式发布了正式版 TypeScript。

TS 提供了一些强类型语言的特性,通过类型标注,表明声明的类型,在 TS 的文件中函数的形参,如果进行了修饰,在生成的 js 文件中是没有相应类型的

浏览器无法直接识别 TS 编写的程序,但如果 ts 文件中只存在 js 语言的代码,浏览器可以识别。

安装

使用 npm 包管理器 npm install -g typescript 进行全局安装

tsc -V 显示版本号即安装成功

特性

let msg = '小甜心'
function sayHi(str:string){ // str:string 表示类型是 string 类型的
return '你好'+ str
}
console.log(sayHi(msg))

TypeScript 提供了静态的代码分析,它可以分析代码结构和提供的类型注解。

就算你的代码里有错误,你仍然可以使用 TypeScript。但在这种情况下,TypeScript 会警告你,你的代码可能不会按预期执行。

简单的TS接口

interface OnePerson {
name:string
age:string
birthday: string
}
// 定义后 person 必须为 OnePerson 式的接口
function outputName(person: OnePerson) {
console.log(person.name + '__' + person.age + '__' + person.birthday)
}
let person1 = {
name: 'tom',
age: '12',
birthday: '04-03-02',
}
outputName(person1)

自编译

让 Visual Studio Code 自动编译好 TS 文件的代码

  • 首先在当前文件夹下使用命令行工具输入 tsc --init 初始化工作环境。
  • 然后使用 VS code 终端中的运行任务中的监视,并且选择该文件即可。

参考文章

名称地址